.padding (@padding, @default) {
  padding: @default;
  padding: var(@padding, @default);
}

.padding-horizontal (@padding, @default) {
  padding: 0 @default;
  padding: 0 var(@padding, @default);
}

.padding-vertical (@padding, @default) {
  padding: @default 0;
  padding: var(@padding, @default) 0;
}

.margin (@margin, @default) {
  margin: -(@default / 2);
  margin: calc(var(@margin, @default) / 2 * -1);
}

.grid-gap (@margin, @default) {
  grid-gap: @default;
  grid-gap: var(@margin, @default);
}


.clearfix {
  &:after {
    display: inline-table;
    content: '';
    clear: both;
  }
}